@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:12px; font-family:"sans-serif","微软雅黑"; background:#fff;}
body { behavior:url("/css/csshover.htc"); }
form,ul,li,p,h1,h2,h3{ margin:0px; padding:0px;}
li{ list-style:none; list-style-position:outside;}
p{ margin:0px; padding:0px;}
img{ border:none;}
img, input{ vertical-align:middle;}
a{ color:#000; text-decoration:none; font-family:"sans-serif","微软雅黑"; text-decoration:none;}
a:hover{ color:#cc0000; text-decoration:none;}
.cursor01{ cursor:pointer;}

/*公用样式*/
.BodyDiv_Parent{ width:100%; margin:auto;}
.BodyDiv{ width:1920px; margin:auto;}
.BodyDiv1{ width:100%; margin:auto;}
.BodyDiv02{ width:1000px; margin:auto;}
.clear{ clear:both;}
.mar_01{ margin-top:40px;}
.mar_02{ margin-top:30px;}

.left{ float:left;}
.right{ float:right;}

.pagelist01{ height:40px; text-align:center; line-height:50px; color:#0b4b7f;}
.pagelist01 a{ color:#0b4b7f;} 
.span_01{ color:#228ecb;}
.span_02{ color:#c30d23;}
.bottom_fu{ bottom:115px; margin: 0 auto; position: fixed;
    z-index: 999;
    _bottom:auto;
    _width: 100%;
    _position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.casenextbtn{
	position:fixed; left:0px; right:0px; margin-left:auto;margin-right:auto; top:416px;
    z-index: 999;
    _width: 100%;
    _position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}


/*按扭样式*/
.input_01{ border:#d1d1d1 1px solid; height:28px; line-height:28px;}
.textarea_01{ border:#d1d1d1 1px solid;}

/****************************网站首页样式********************************/

.index_top01{}

.menu01{}
.menu01 a:hover { }
.menu01 a .font_en{ display:none;}
.menu01 a .font_ch{}
.menu01 a:hover .font_en{ display:inline;}
.menu01 a:hover .font_ch{ display:none;}
.menu01 a.a_on .font_en{ display:inline;}
.menu01 a.a_on .font_ch{ display:none;}


.index_menu01{ background:url(../images/index_menu_bg_04.jpg); height:50px; line-height:49px; text-align:center; color:#fff; }
.index_menu01 .menu_div01{ width:450px;}
.index_menu01 .menu_div02{ width:450px; padding-top:10px;}
.index_menu01 a{ color:#fff; font-size:14px; padding:0px 5px; width:60px; display:inline-block; text-align:center;}
.index_menu01 a:hover{ background:url(../images/menu_bg_03.jpg) no-repeat center 40px;}
.index_menu01 a.a_on{ background:url(../images/menu_bg_03.jpg) no-repeat center 40px;}

.index_middle_01{ background:url(../images/index_bg_07.jpg); padding-top:140px; margin-top:-127px; text-align:center; color:#ffffff; line-height:24px; padding-bottom:20px;}
.index_middle_01 .span_txt01{ font-family:"微软雅黑"; font-size:20px; padding:10px 0px;}

.siwh_addvert01{ overflow:hidden; position:relative}
.siwh_addvert01 .swish_body01{ height:550px; overflow:hidden; position:relative;}
.siwh_addvert01 .li_ad01{ height: 550px; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; float:left; text-align:center; cursor:pointer;}

.ad_jiantou01{ position:absolute; z-index:110; top:195px;}
.ad_jiantou01 .jiantou_div01{}

.swish_menu01{ z-index:10; margin-top:-135px; position:relative; text-align:center; background:url(../images/swish_bg_07.png) no-repeat; _background:url(../images/swish_bg_07.png) no-repeat 20px 0px; width:215px; height:215px; padding-left:35px;}
.swish_menu01 .swish_index{ position:relative; float:left; width:18px; height:18px; background:url(../images/swish_07.png) no-repeat; margin:0px 20px; cursor:pointer; color:#d6000f;}
.swish_menu01 .swish_index:hover, .swish_menu01 .swish_index_on{background:url(../images/swish_11.png) no-repeat; color:#fff;}

.page_menu01{ height:80px; background:url(../images/index_menu_bg_04.jpg); z-index:1000; top:0px; display:none;}
.page_menu01 .menu_div01{ width:340px; text-align:center; padding-top:10px;}
.page_menu01 .menu_div02{ width:690px; line-height:80px;}
.page_menu01 a{ margin:0px 8px; _margin:0px 6px; color:#fff; font-size:14px; width:95px; text-align:center; display:inline-block; float:left;}

.page_menu02{ height:80px; background:url(../images/index_menu_bg_04.jpg); z-index:1000; position:fixed; z-index:100; top:0px; width:100%; display:inherit;  _position:absolute; _left:expression(eval(document.documentElement.scrollLeft)); _top:expression(eval(document.documentElement.scrollTop));}
.page_menu02 .menu_div01{ width:210px; text-align:center; padding-top:10px;}
.page_menu02 .menu_div02{ width:462px; padding-left:225px; line-height:79px; position:relative;}
.page_menu02 .menu_div03{ width:230px; line-height:80px; position:relative; padding-top:23px;}
.page_menu02 a{ margin:0px 5px; color:#fff; font-size:14px; width:65px; text-align:center; display:inline-block; float:left; }
.page_menu02 a:hover,.page_menu02 a.a_on{ background:url(../images/menu_bg_03.jpg) no-repeat center 60px;}

.ie6fixedTL{} 



.padtop_01{ padding-top:0px;}
.padtop_02{ padding-top:30px;}

.box_service01{ }
.box_service01 .servece_title01{}
.box_service01 .box_content01{ padding-top:1px;}
.service_list01{ }
.list_item01{ width:440px; height:235px; position:relative; text-align:center;}
.service_list01 ul li{ float: left; margin-right: 22px; margin-bottom: 22px;}
.service_list01 ul li:nth-child(4n){margin-right:0px;}
/**图片翻转效果不支持 IE6**/
.flippage .portfolio-item{}
.flippage .portfolio-item .flipper{height:235px;}
.flip-container{}
.flip-container:hover .flipper{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(-1);}
.flip-container:hover .flipper .front{opacity:0; filter:alpha(opacity=0); }
.flip-container:hover .flipper .back{opacity:1; filter:alpha(opacity=100);}
.flip-container .flipper{-webkit-transition:-webkit-transform 0.6s;-webkit-transform-style:preserve-3d;-moz-transition:-moz-transform 0.6s;-moz-transform-style:preserve-3d;transition:transform 0.6s;transform-style:preserve-3d;position:relative;width:100%;}
.flip-container .front,.flip-container .backk{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-ms-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;position:absolute;top:0;left:0;}
.flip-container .front{width:100%;z-index:2;}
.flip-container .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0;width:100%; height:235px; }
.flip-container .back .outer{display:inline-block;width:100%;height:100%; cursor:pointer;}
.flip-container .back .outer .inner{display:inline-block;vertical-align:middle; color:#f7f0e8; font-size:14px; line-height:30px; margin:0px 60px;}
.flip-container .back .outer .inner h2{ font-size:20px; line-height:24px; margin-top:70px; padding-bottom:20px;}
.flip-container .back .outer .inner a{ color:#f7f0e8; display:block; width:100%; height:100%; text-align:center;}
.flip-container .back{ background:url(../images/bg01.jpg);}
.flip-container .front img{width:100%; height: 235px}
/**图片翻转效果不支持 IE6**/

/**案例图片翻转效果不支持 IE6**/
.casepage .portfolio-item{ cursor:pointer;}
.casepage .portfolio-item .flipper{height:135px;}
.case-container{}
.case-container:hover .flipper{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.case-container:hover .flipper .front{opacity:0; filter:alpha(opacity=0); }
.case-container:hover .flipper .back{opacity:1; filter:alpha(opacity=100);}
.case-container .flipper{-webkit-transition:-webkit-transform 0.6s;-webkit-transform-style:preserve-3d;-moz-transition:-moz-transform 0.6s;-moz-transform-style:preserve-3d;transition:transform 0.6s;transform-style:preserve-3d;position:relative;width:100%;}
.case-container .front,.flip-container .back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-ms-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;position:absolute;top:0;left:0;}
.case-container .front{width:100%;z-index:2;}
.case-container .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0;width:100%;height:100%;}
.case-container .back .outer{display:inline-block;width:100%;height:100%;}
.case-container .back .outer .inner{ width:150px; display:inline-block; vertical-align:middle; color:#f7f0e8; font-size:12px; text-align:left; line-height:20px; padding:0px 10px;}
.case-container .back .outer .inner h2{ font-size:14px; line-height:24px; font-weight:bold;}
.case-container .back .outer .inner a{ color:#f7f0e8;}
.case-container .back{}
.case-container table{ width:100%;}
.case-container table td{ height:130px;}

/**案例图片翻转效果不支持 IE6**/

/**图片翻转效果不支持 IE6**/
.jpcase_flippage .portfolio-item{}
.jpcase_flippage .portfolio-item .flipper{height:149px;}
.jpcase-container{}
.jpcase-container:hover .flipper{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.jpcase-container:hover .flipper .front{opacity:0; filter:alpha(opacity=0); }
.jpcase-container:hover .flipper .back{opacity:1; filter:alpha(opacity=100);}
.jpcase-container .flipper{-webkit-transition:-webkit-transform 0.6s;-webkit-transform-style:preserve-3d;-moz-transition:-moz-transform 0.6s;-moz-transform-style:preserve-3d;transition:transform 0.6s;transform-style:preserve-3d;position:relative;width:100%;}
.jpcase-container .front,.flip-container .back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-ms-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;position:absolute;top:0;left:0;}
.jpcase-container .front{width:100%;z-index:2;}
.jpcase-container .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0;width:100%; height:149px; }
.jpcase-container .back .outer{display:inline-block;width:100%;height:100%; cursor:pointer;}
.jpcase-container .back .outer .inner{display:inline-block;vertical-align:middle; color:#f7f0e8; font-size:14px; line-height:30px; margin:10px 10px;}
.jpcase-container .back .outer .inner a{ color:#f7f0e8; display:block; width:100%; height:100%; text-align:center;}
.jpcase-container .back{ background:url(../images/bg01.jpg);}

/**图片翻转效果不支持 IE6**/

.box_aboutus01{ }
.box_aboutus01 .about_title01{ background:url(../images/index_bg_07.jpg); height:130px;}
.box_aboutus01 .about_title01 .title_div01{ padding-top:30px; text-align:center;}
.box_aboutus01 .box_content01{ text-align:center; }
.box_aboutus01 .box_bottom01{ height:60px; padding-top:60px; text-align:center; border-top:#cfcfcf 1px solid;  }

.index_about{overflow:hidden; position:relative; width:1900px;}
.index_about .index_about_body{ position:relative;}
.index_about .index_about_item{float:left; text-align:center; width:1900px;}
.index_about .index_about_item .about_item_title01{ height:90px; line-height:90px; font-size:18px; color:#898989; text-align:center;}
.index_about_item img{ width: 100%; height: auto;}
.process01{ width:885px; margin:auto;}
.process01 .process_conent01{ background:url(../images/index_34.png) no-repeat center; height:200px; padding-top:40px;}
.process01 .process_bottom01{ padding-top:30px; color:#727171; padding-bottom:30px;}
.process01 .process_item01,.process01 .process_item01_on{ height:167px; width:167px; background:url(../images/index_42.png) no-repeat; float:left; margin:5px; _margin:5px 0px; cursor:pointer;}
.process01 .item_title01{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#fff; padding-top:30px;}
.process01 .item_txt01{ font-size:24px; color:#fff; padding-top:15px;}
.process01 .item_txt03{ display:none;}
.process01 .process_item01:hover{ background:url(../images/index_40.png) no-repeat;}
.process01 .process_item01_on{ background:url(../images/index_40.png) no-repeat;}
.process01 .p_li_item01{ float:left;}

.culture01{}
.culture01 .culture_conent01{ border-top:#d4d4d4 1px solid;}
.culture01 .culture_item01{ width:339px; float:left; padding:20px; height:380px;}
.culture01 .culture_item01 .item_img01{ width:139px; height:139px; background:url(../images/culture_34.png); cursor:pointer; margin:auto;}
.culture01 .culture_item01 .item_img01:hover{ background:url(../images/culture_02_34.png);}
.culture01 .culture_item01 .item_img02{ width:139px; height:139px; background:url(../images/culture_36.png); cursor:pointer; margin:auto;}
.culture01 .culture_item01 .item_img02:hover{ background:url(../images/culture_02_36.png);}
.culture01 .culture_item01 .item_img03{ width:139px; height:139px; background:url(../images/culture_38.png); cursor:pointer; margin:auto;}
.culture01 .culture_item01 .item_img03:hover{ background:url(../images/culture_02_38.png);}
.culture01 .culture_item01 .item_txt01{ text-align:center; font-size:24px; color:#595757; padding:10px 0px;}
.culture01 .culture_item01 .item_txt02{ text-align:center; color:#898989; line-height:20px;}
.culture01 .c_border_01{ border-left:#d4d4d4 1px solid; border-right:#d4d4d4 1px solid;}

.team01{ border-bottom:#d4d4d4 1px solid;}
.team01 .team_item01{ width:144px; height:144px; border:#f7f8f8 6px solid; display: inline-block; margin:0px 3px; overflow:hidden; -moz-border-radius: 100px; -webkit-border-radius: 140px; browsers border-radius:100px;}
.team01 .team_item01:hover{ border:#ba2821 6px solid;}
.team01 .team_conent01{ padding-top:40px; padding-bottom:65px;}
.team01 .team_txt01{ display:none;}
.team_note01{ text-align:center; padding:20px 100px;}
.team_note01 .team_title01{ color:#ba2821; font-size:18px; padding:10px 0px;}
.team_note01 .team_descript01{ color:#727171; line-height:24px;}

.profile01{}
.profile01 .profile01_conent01{}
.profile01  .profile_img{}
.profile01 .profile_txt01{ line-height:24px; color:#727171; padding:20px 0px;}


.about_samllmenu01{ height:2px; background:#606060; overflow:hidden; width:588px;}
.about_samllmenu01 .menu_div01{ position:absolute; z-index:5; margin-top:-7px; *margin-left:-285px; _width:580px;}
.about_samllmenu01 .mehu_div01_01{ margin-left:-65px; }
.about_samllmenu01 .menu_item01{ width:8px; height:8px; background:#fff; border:#606060 3px solid; margin:0px 65px; float:left; cursor:pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; browsers border-radius:8px;font-size: 14px;}
.about_samllmenu01 .menu_item01:hover{ color:#c60c23; background:#c60c23;}
.about_samllmenu01 .txt01{ width:70px; text-align:center; margin-left:-28px; margin-top:-40px; position:absolute; z-index:10;}
.about_samllmenu01 .menu_item_on{ color:#c60c23; background:#606060;}

.about_samllmenu_bg{ width:460px; margin:auto; padding-top:10px; }
.menu_itembg{
	width:26px; height:26px; -moz-border-radius: 15px; -webkit-border-radius: 15px; browsers border-radius:15px; background:#c2c2c2;
	margin-top:-15px; margin-left:-6px; position:relative;
	-webkit-transform-style: preserve-3d;
	/*让整个行使用x-轴旋转、7秒中的动画、无限次播放以及线性 */
	-webkit-animation-name: x-spin;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	*margin-left:-426px;
	-margin-left:-427px;
}

	/* 定义要调用的动画 */
@-webkit-keyframes x-spin {
	0% { -webkit-transform: scale(1,1); }
	30% { -webkit-transform: scale(0.9,0.9); }
	60% { -webkit-transform: scale(0.8,0.8); }
	100% { -webkit-transform: scale(0.7,0.7); }
}



.box_view01{}
.box_view01 .view_title01{ height:110px; padding-top:20px; border-bottom:#d4d4d4 1px solid; border-top:#d4d4d4 1px solid; text-align:center;}
.box_view01 .box_content01{ padding-top:40px;}
.box_view01 .box_item_bottom01{ border-bottom:#29bdc9 4px solid;}
.box_view01 .box_item_bottom02{ border-bottom:#eda20e 4px solid;}
.box_view01 .box_item_bottom03{ border-bottom:#d6000f 4px solid;}
.box_view01 .box_item01{ width:296px;}
.box_view01 .box_item01 .item_img01{}
.box_view01 .box_item01 .item_title01{ padding:0px 20px; background:#f7f8f8;}
.box_view01 .box_item01 .item_title01 .title_div01{ border-bottom:#9fa0a0 1px solid; height:37px; color:#727171; line-height:37px;}
.box_view01 .box_item01 .item_title01 .title_div01 a{ color:#727171;}
.box_view01 .box_item01 .item_title01 .title_div01 a:hover{ color:#cc0000;}
.box_view01 .box_item01 .item_title01 .title_div02{ background:url(../images/index_view_bg_28.png) no-repeat 5px; text-align:right; height:35px; line-height:35px;}
.news_list01{ height:160px; padding-top:20px; padding-left:20px;}
.news_list01 .list_item01{ height:25px; line-height:25px;}
.news_list01 .list_item01 a{ color:#727171;}

.box_contact01{ background:url(../images/map_17.jpg) no-repeat center; height:468px;}
.box_contact01 .contact_div01{ width:300px; background:#fff; padding:20px; border:#dddddd 1px  solid; float:right; margin-right:120px;}
.box_contact01 .contact_title01{ height:65px; line-height:65px; border-bottom:#dbdbdb 1px solid;}
.box_contact01 .contact_content01{ padding:20px 20px 20px 5px; line-height:24px; border-bottom:#dbdbdb 1px solid;}
.box_contact01 .contact_bottom01{ padding-top:20px; line-height:24px;}

.box_contact02{ background:url(../images/map_03.jpg); height:681px;}
.box_contact02 .contact_div01{ width:300px; background:#fff; padding:20px; border:#dddddd 1px  solid; float:right; margin-right:0px; margin-top:106px;}
.box_contact02 .contact_title01{ height:65px; line-height:65px; border-bottom:#dbdbdb 1px solid;}
.box_contact02 .contact_content01{ padding:20px 20px 20px 5px; line-height:24px; border-bottom:#dbdbdb 1px solid;}
.box_contact02 .contact_bottom01{ padding-top:20px; line-height:24px;}


.bottom_01{ background:#272727; padding-top:20px; padding-bottom:20px;}
.bottom_01 .bottom_div01{ color:#c9caca; line-height:24px; width:450px; padding-left:20px;}
.bottom_01 .bottom_div01 a{ color:#c9caca;}
.bottom_01 .bottom_div02{ width:500px; text-align:right;}
.bottom_01 .bottom_menu01{ height:30px; line-height:30px; font-size:12px; color:#c9caca;}
.bottom_01 .bottom_menu01 a{ color:#c9caca; font-size:12px;}
.bottom_01 .bottom_menu01 span{}
.bottom_01 .coppyright_01{ text-align:center; line-height:25px; color:#7f7f7f;}
.bottom_01 .friendlink{ padding:10px 0px 10px 20px; width:1120px; color:#c9caca; line-height:25px;}
.bottom_01 .friendlink a{ margin-right:12px; color:#c9caca; display:block; float:left; white-space:nowrap;}
.bottom_01 .friendlink a:hover{ text-decoration:underline;}

/************二级页面样式************/

.page_top01{}
.page_top01 .top_bodydiv01{ position:fixed; height:76px; background:url(../images/case_01.jpg); line-height:76px; z-index:999; border-bottom:#a7a7a7 1px solid;}
.page_top01 .top_div01{ width:210px;}
.page_top01 .top_div02{ width:490px; padding-left:200px;}
.page_top01 .top_div03{ width:230px; padding-top:20px;}
.page_menu03{}
.page_menu03 a{ margin:0px 0px; color:#898989; font-size:14px; width:80px; text-align:center; display:inline-block; float:left;}
.page_menu03 a:hover,.page_menu03 a.a_on{ background:url(../images/menu_bg_03.jpg) no-repeat center 60px;}

.addvert_02{}

.page_middle01{}
.page_middle01 .middle_div01{ width:215px;}
.page_middle01 .middle_div02{ width:740px;}

.page_middle03 .middle_div01{ width:255px;}
.page_middle03 .middle_div02{ width:680px;}

.left_box01{}
.left_box01 .box_title01{ height:35px; background:url(../images/case_08.jpg); padding-left:15px; color:#fff; font-size:16px; padding-top:19px; line-height:16px;}
.left_box01 .box_title02{ height:26px; background:url(../images/case_08.jpg); padding-left:15px; color:#fff; font-size:16px; padding-top:9px; line-height:16px;}
.left_box01 .box_content01{ padding-left:15px; padding-top:10px; padding-bottom:10px; border-bottom:#595757 3px solid; background:url(../images/case_21.jpg) no-repeat bottom center #f7f8f8; font-size:13px;}
.left_box01 .box_content02{ padding-left:5px; padding-top:10px; padding-bottom:20px; color:#898989; line-height:22px; font-size:13px;}

.left_descript01{ line-height:24px;}

.left_list01{}
.left_list01 .list_item01{ line-height:30px;}
.left_list01 .list_item01 a{ color:#727171;}
.left_list01 .list_item01 a:hover,.left_list01 .list_item01 a.on{ color:#cc0000;}
.page_middle03 .left_list01{ padding-bottom:18px;}
.page_middle03 .left_list01 .list_item01{ line-height:25px;}

.left_list02{ width:200px;}
.left_list02 .list_item01{ line-height:30px; height:30px; background:url(../images/case_27.jpg) no-repeat 0px 12px; width:80px; float:left; padding-left:12px;}
.left_list02 .list_item01 a{ color:#727171;}
.left_list02 .list_item01 a:hover,.left_list02 .list_item01 a.on{ color:#cc0000;}

.box_casejp01{ overflow-x:hidden;}
.box_casejp01 .box_title01{}
.box_casejp01 .box_body01{ width:1170px;}
.box_casejp01 .list_item01{ width:270px; height:150px; float:left; margin:7px 17px 7px 0px; border:#dddddd 1px solid;}
.box_casejp01 .list_item01 img{ width:270px; height:150px;}
.box_casejp01 .box_bottom01{ text-align:right;}

.case_list01{ _margin-top:-5px; overflow:hidden; height:895px; position:relative}
.case_list01 .list_item01{ width:170px; height:135px; overflow:hidden; float:left; border:#c9c9c9 1px solid; margin:6px; _margin:5px;}
.case_list01 .list_item01 img{ width:170px; height:135px;}
.case_page01 { height:25px; background:#efefef; padding:0px 5px 0px 5px; margin:55px 0px 70px 0px;}
.case_page01 .page_div01{ color:#24a6b1; font-size:14px; padding-top:5px; cursor:pointer;}
.case_page01 .page_div01 a{ color:#24a6b1;}

.case_details01{}
.case_details01 .details_title01{ font-size:16px; color:#b8b8b8; padding-bottom:10px;}
.case_details01 .details_title01 b{ font-size:24px; color:#595757; font-weight:normal;}
.case_details01 .details_info01{ line-height:24px; color:#b8b8b8; font-size:14px;}
.case_details01 .details_info01 a{ color:#b8b8b8;}
.case_details01 .details_info01 a:hover{ color:#333; text-decoration:underline;}
.case_details01 .details_content01{ padding-top:25px;}
.case_details01 .details_content01 .img01{ margin-bottom:20px; border:1px solid #cecece; text-align:center; font-size:0px; width:675px; overflow:hidden;}
.case_details01 .head_img01{ border:#cecece 1px solid;}

.news_category01{ height:160px; padding-top:20px;}
.news_category01 .category_div01{ margin:0px 100px; background:url(../images/news_15.png) repeat-x center; height:160px; text-align:center;}
.news_c_list01{ margin:0px 60px; margin-top:-120px; z-index:10;}
.news_c_list01 .list_item01,.news_c_list01 .list_item02,.news_c_list01 .list_item03,.news_c_list01 .list_item04{ background:url(../images/news_10.png); width:83px; height:84px; float:left; text-align:center; line-height:84px; color:#fff; margin:0px 20px;}
.news_c_list01 .list_item03{ width:235px; background:none;}
.news_c_list01 .list_item02{ background:url(../images/news_12.png); color:#d6000f;}
.news_c_list01 .list_item01 .font_ch{ display:none;}
.news_c_list01 .list_item01 .font_en{ display:;}
.news_c_list01 .list_item02 .font_ch{ display:;}
.news_c_list01 .list_item02 .font_en{ display:none;}
.news_c_list01 .list_item01 a{ color:#fff;}
.news_c_list01 .list_item04 .font_ch{ display:;}
.news_c_list01 .list_item04 .font_en{ display:none;}
.news_c_list01 .list_item04 a{ color:#000;}

.news_line01{ background:#f7f8f8; height:14px;}

.page_middle02{ }
.page_middle02 .middle_div01{ width:350px;}
.page_middle02 .middle_div02{ width:720px;}

.left_newslist01{ padding-top:10px;}
.left_newslist01 .list_item01,.left_newslist01 .list_item02{ height:25px; line-height:25px;}
.left_newslist01 a{ color:#898989;}
.left_newslist01 .span_txt01{ width:250px; display:block; float:left; background:url(../images/news_21.jpg) left center no-repeat; padding-left:10px;}
.left_newslist01 .span_txt02{ width:80px; display:block; float:left;}
.left_newslist01 .list_item02{ color:#d6000f;}
.left_newslist01 .list_item02 a{ color:#d6000f;}

.news_page01{ padding:10px 0px;}
.news_page01 a.a01,.news_page01 a.a02{ padding:1px 8px; text-align:center; background:#dcdddd;color:#fff; font-family:"sans-serif";}
.news_page01 a.a02{ background:#d6000f;}

.news_details01{}
.news_details01 .detials_title01{ color:#d6000f; text-align:center;}
.news_details01 .detials_title01 h1{ text-align:center; font-weight:normal; font-size:18px; line-height:18px; padding:2px 0px 10px 0px;}
.news_details01 .details_infot01{ color:#898989; line-height:20px; text-align:center; border-bottom:1px solid #29bdc9; padding-bottom:10px;}
.news_details01 .details_content01{ color:#898989; line-height:30px;}

.Container {
  width: 680px;
  height: 360px;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 680px;
  height: 360px;
}
.Scroller-Container {
  position: absolute;
  width:680px;
}
#Scrollbar-Container {
}
.Scrollbar-Track {
  width: 7px; height:360px;
  position:relative;
  margin-left:710px; _margin-left:700px;
  margin-top:-360px;
  background: transparent url(../images/scrollbar_track.jpg) repeat-y center bottom;
  border-top:1px solid #e5e5e5;
}
.Scrollbar-Handle {
  position: absolute;
}





@media screen and (max-width:1800px){
.list_item01{ width:100%; height:235px; position:relative; text-align:center;}
.service_list01 ul li{width:24%; height:235px; float: left; margin-right: 1.3%; margin-bottom: 22px;}
.BodyDiv{ width:100%; margin:auto;}
.index_about .index_about_item{float:left; text-align:center; width:1800px;}	
	

}
@media screen and (max-width:1700px){
.index_about .index_about_item{float:left; text-align:center; width:1700px;}	
}
@media screen and (max-width:1600px){
.index_about .index_about_item{float:left; text-align:center; width:1600px;}	
.flip-container .front img{width: 100%;height: 180px;}
.service_list01 ul li{width:24%; height:180px; float: left; margin-right: 1.3%; margin-bottom: 22px; overflow:hidden;}
.list_item01{ width:100%; height:180px; position:relative; text-align:center;}
.flip-container .back .outer .inner h2{font-size:20px;line-height:24px;margin-top: 30px;padding-bottom:20px;}
.flip-container .back .outer .inner{display:inline-block;vertical-align:middle; color:#f7f0e8; font-size:14px; line-height:26px; margin:0px 3px;}



}
@media screen and (max-width:1500px){
.index_about .index_about_item{float:left; text-align:center; width:1500px;}	
.flip-container .front img{width: 100%;height: 160px;}
.service_list01 ul li{width:24%; height:160px; float: left; margin-right: 1.3%; margin-bottom: 22px; overflow:hidden;}
.list_item01{ width:100%; height:160px; position:relative; text-align:center;}
.flip-container .back .outer .inner h2{font-size:20px;line-height:24px;margin-top: 20px;padding-bottom:20px;}
.flip-container .back .outer .inner{display:inline-block;vertical-align:middle; color:#f7f0e8; font-size:13px; line-height:25px; margin:0px 3px;}
}
@media screen and (max-width:1400px){
.index_about .index_about_item{float:left; text-align:center; width:1400px;}
.flip-container .front img{width: 100%;height: 150px;}
.service_list01 ul li{width:24%; height:150px; float: left; margin-right: 1.3%; margin-bottom: 22px; overflow:hidden;}
.list_item01{ width:100%; height:150px; position:relative; text-align:center;}
.flip-container .back .outer .inner h2{font-size:20px;line-height:24px;margin-top: 15px;padding-bottom:20px;}
.flip-container .back .outer .inner{display:inline-block;vertical-align:middle; color:#f7f0e8; font-size:13px; line-height:24px; margin:0px 3px;}
}

@media screen and (max-width:750px){
.list_item01{ width:100%; height:135px; position:relative; text-align:center;}
.flippage .portfolio-item .flipper{height:135px;}

.service_list01 ul li{width:48.5%; height:135px; float: left; margin-right: 3%; margin-bottom: 22px;}
.service_list01 ul li:nth-child(2n){ margin-right: 0px;}
.flip-container .front img{width:100%; height: 135px}
/**图片翻转效果不支持 IE6**/

.BodyDiv{ width:100%; margin:auto;}
.index_about .index_about_item{float:left; text-align:center; width:1800px;}	

	.flip-container .back{-webkit-transform: none;-moz-transform:rotateY(180deg);transform: none;opacity: inherit;width:100%;height: 135px;}
.flip-container .back .outer .inner{display:block; /* vertical-align:middle; */color: #333;font-size:14px;line-height:30px;margin: 0px 0px;position: absolute;top: 1px;z-index: 9999999;}


.box_contact02{background:none; height:auto; }
.box_contact02 .contact_div01{width: 96%;background:#fff;padding: 0px;margin: 0 auto;border: #dddddd 0px  solid;float: none;margin-right: 2%;margin-top: 36px;margin-bottom: 50px;}
.box_contact02 .contact_title01{ height:65px; line-height:65px; border-bottom:#dbdbdb 1px solid;}
.box_contact02 .contact_content01{ padding:20px 20px 20px 5px; line-height:24px; border-bottom:#dbdbdb 1px solid;}
.box_contact02 .contact_bottom01{ padding-top:20px; line-height:24px;}
	
	
}